<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <title>我的积分</title>
  <style>
    body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial; margin:0; background:#f7f8fa;}
    .wrap{max-width:640px; margin:0 auto; padding:16px;}
    .card{background:#fff; border-radius:12px; padding:18px; box-shadow:0 2px 10px rgba(0,0,0,.06); margin-bottom:12px;}
    .hd{display:flex; align-items:center; justify-content:space-between;}
    .name{font-size:18px; font-weight:600;}
    .sub{color:#888; font-size:12px;}
    .grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px;}
    .cell{background:#f6f7fb; border-radius:8px; padding:12px; text-align:center;}
    .num{font-size:20px; font-weight:700; color:#1677ff;}
    .nav a{display:block; padding:14px; border-bottom:1px solid #f0f0f0; color:#333; text-decoration:none;}
    .nav a:last-child{border-bottom:none;}
    .logout{display:block; text-align:center; margin-top:16px; color:#999; text-decoration:none;}
  </style>
</head>
<body>
<div class="wrap">
  <div class="card">
    <div class="hd">
      <div>
        <div class="name">{$member.name|default='会员'}</div>
        <div class="sub">{$member.phone|default=''}</div>
      </div>
    </div>
    <div class="grid">
      <div class="cell"><div class="num">{$member.available_points|default=0}</div><div>可用积分</div></div>
      <div class="cell"><div class="num">{$member.total_points|default=0}</div><div>累计积分</div></div>
      <div class="cell"><div class="num">{$member.used_points|default=0}</div><div>已用积分</div></div>
    </div>
  </div>

  <div class="card nav">
    <a href="{:url('records')}">我的签到记录</a>
    <a href="{:url('gifts')}">查看积分礼品</a>
    <a href="{:url('password')}">修改密码</a>

  </div>

  <a class="logout" href="{:url('logout')}">退出登录</a>
</div>
</body>
</html>

